<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简单表格的制作</title>
</head>
<style>
    table{empty-cells: hide;border-collapse: collapse;}
    table .line{border-top: 50px solid red;border-left: 150px solid blue;position: relative; color: white;}
    table .line em{position: absolute;left: -50px;top: -42px;font-size: 16px;}
    table .line span{position: absolute;left: -125px;top: -27px;font-size: 16px;}
</style>
</style>
<body>
    <table border="1px" cellspacing="0" cellpadding="10" align="center">
        <caption><h1>补习班授课标准</h1></caption>
        <thead>
            <tr>
                <th ><div class="line"><em>班次</em><span>名称</span></div></th>
                <th >科目</th>
                <th >授课内容</th>
                <th >增值服务</th>
                <th >课时</th>
                <th >价格</th>
                <th >试听</th>
                <th >购买</th>
            </tr>
        </thead>
        <tbody>
            <tr align="center">
                <td rowspan="3"><strong>真题精解班</strong></td>
                <td>行测+申论</td>
                <td>全科历年真题精解</td>
                <td rowspan="3">课后赠2套模拟卷<br>24小时以内答疑</td>
                <td>48</td>
                <td style="color: red;">1280元</td>
                <td>图片</td>
                <td>图片</td>
            </tr>
            <tr align="center">
                <td>行测</td>
                <td>行测历年真题精解</td>
                <td>32</td>
                <td>980元</td>
                <td>图片</td>
                <td>图片</td>
            </tr>
            <tr align="center">
                <td>申论</td>
                <td>申论历年真题精解</td>
                <td>16</td>
                <td>580元</td>
                <td>图片</td>
                <td>图片</td>
            </tr>
            <tr align="center">
                <td rowspan="3"><strong>高分技巧班</strong></td>
                <td>行测+申论</td>
                <td>全科技巧强化</td>
                <td rowspan="3">入学试卷测评<br>24小时以内答疑</td>
                <td>32</td>
                <td style="color: red;">980元</td>
                <td>图片</td>
                <td>图片</td>
            </tr>
            <tr align="center">
                <td>行测</td>
                <td>行测速解技巧强化</td>
                <td>18</td>
                <td>680元</td>
                <td>图片</td>
            </tr>
            <tr align="center">
                <td>申论</td>
                <td>申论速解技巧强化</td>
                <td>14</td>
                <td>580元</td>
                <td>图片</td>
                <td>图片</td>
            </tr>
        </tbody>
    </table>
</body>
</html>